div{
    height: 300px;
    width: 300px;
    margin: 10px;
}

.div1{
    background-color: lightblue;
}

.div2{
    background-image: url('../../recourse/image/1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.div3{
    background-image: url('../../recourse/image/1.png'),
    url('/WebStudy/recourse/image/1.png');
    background-size: 50% 100%, 50% 100%;
    background-repeat: no-repeat;
    background-position: top left, 150px 0;
}

.div4{
    background-image: url('/WebStudy/recourse/image/1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}